<template>
  <div class="login-container flx-center">
    <div class="login-box">
      <div class="login-left">
        <img
          class="login-left-img"
          src="@/assets/images/login_images/login_left.png"
          alt="login"
        />
      </div>
      <div class="login-form">
        <h2 class="logo-text">Please login</h2>
        <LoginForm />
      </div>
    </div>
  </div>
</template>

<script>
import LoginForm from "./components/LoginForm.vue";
export default {
  name: "LoginIndex",
  components: {
    LoginForm,
  },
};
</script>

<style scoped lang="scss">
@import "./index.scss";
</style>
